#editor {
	border: 1px solid silver;
	position: relative;
	width: 470px;
	height: 580px;
	float: left;
	overflow: hidden;
}

#editor-controls {
	border: 1px solid silver;
	width: 200px;
	height: 570px;
	margin-left: 480px;
	padding: 5px;
}

.control-group {
	border: 1px solid silver;
	padding: 5px;
	margin: 5px 0;
}

.control-group button {
	width: 29px;
	height: 29px;
	margin: 0;
	padding: 0 0 4px 1px;	
}

.control-group button span {
	display: block;
	width: 18px;
	height: 18px;
}

#editor-controls button {
	margin: 5px 0;
	padding: 0 0 0 2px;
}

.text-edit-area {
	width: 100%;
}

.text-block {
	width: 150px;
	height: 150px;
	padding: 0;
	border: 1px dotted silver;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	/*background-color: #fff;*/
	font: normal 14px Arial;
	cursor: pointer;
	text-align: left;
}

.image-block {
	cursor: pointer;
}

.item-active {
	border: 1px dotted #000;
}

#text-font-family {
	width: 85px;
}

#text-font-size-custom {
	width: 30px;
}

/* tool buttons */

#text-align-left span { background: url('/i/editor/buttons.gif') no-repeat 0 0; }
#text-align-left.disabled span { background-position: -18px 0 !important; }

#text-align-right span { background: url('/i/editor/buttons.gif') no-repeat 0 -18px; }
#text-align-right.disabled span { background-position: -18px -18px !important; }

#text-align-center span { background: url('/i/editor/buttons.gif') no-repeat 0 -36px; }
#text-align-center.disabled span { background-position: -18px -36px !important; }

#text-align-justify span { background: url('/i/editor/buttons.gif') no-repeat 0 -54px; }
#text-align-justify.disabled span { background-position: -18px -54px !important; }

#text-bold span { background: url('/i/editor/buttons.gif') no-repeat 0 -72px; }
#text-bold.disabled span { background-position: -18px -72px !important; }
#text-bold.button-active span { background-position: 100% -72px !important; }

#text-italic span { background: url('/i/editor/buttons.gif') no-repeat 0 -90px; }
#text-italic.disabled span { background-position: -18px -90px !important; }
#text-italic.button-active span { background-position: 100% -90px !important; }

#text-underline span { background: url('/i/editor/buttons.gif') no-repeat 0 -108px; }
#text-underline.disabled span { background-position: -18px -108px !important; }
#text-underline.button-active span { background-position: 100% -108px !important; }

#text-strikethrough span { background: url('/i/editor/buttons.gif') no-repeat 0 -126px; }
#text-strikethrough.disabled span { background-position: -18px -126px !important; }
#text-strikethrough.button-active span { background-position: 100% -126px !important; }

#text-color span { background: url('/i/editor/buttons.gif') no-repeat 0 -144px; }
#text-color.disabled span { background-position: -18px -144px !important; }

#background-color span { background: url('/i/editor/buttons.gif') no-repeat 0 -162px; }
#background-color.disabled span { background-position: -18px -162px !important; }

#image-crop span { background: url('/i/editor/buttons.gif') no-repeat 0 -180px; }
#image-crop.disabled span { background-position: -18px -180px !important; }

/*.control-group button.disabled span {
	background-position: 100% 0 !important;
}*/

#apply-crop, #cancel-crop {
	width: auto;
	display: none;
}

#apply-crop span, #cancel-crop span {
	width: auto;
}